<%--
  Created by IntelliJ IDEA.
  User: zhou
  Date: 2017/8/29
  Time: 16:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/WEB-INF/view/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>劳务管理</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="<%=contextPath%>/static/css/bootstrap.min.css" />
    <link rel="stylesheet" href="<%=contextPath%>/static/css/bootstrap-responsive.min.css" />
    <link rel="stylesheet" href="<%=contextPath%>/static/css/uniform.css" />
    <link rel="stylesheet" href="<%=contextPath%>/static/css/select2.css" />
    <link rel="stylesheet" href="<%=contextPath%>/static/css/matrix-style2.css" />
    <link rel="stylesheet" href="<%=contextPath%>/static/css/matrix-media.css" />
    <link href="<%=contextPath%>/static/font-awesome/css/font-awesome.css" rel="stylesheet" />

    <style>

        .content-info{
            overflow: auto;
        }
        .content-info span{
            padding: 6px 0;
            float: left;
            width: 50%;
            display: block;
        }
        .td-btn{
            width: 150px;
        }
        /*************许永霖**********/
        .demo1{
            float: right;
            position: relative;
            right: 10px;
        }
        .demo1 ul{
            margin: 0px;
            padding: 0px;
        }
        .demo1 ul li {
            float:left;
            list-style-type:none;
            margin-left: 5px;
            /*line-height:15px;*/
        }
        .demo1 ul li input{
            width: 120px;
        }

        /********end***********/
    </style>
</head>

<body>

<div id="content">
    <div id="content-header">
        <h1 style="float: left">劳务查询</h1>
        <button class="btn btn-info" style="float:right;margin: 10px 5px 0 0;" data-toggle="modal" data-target="#addUser">新增劳务</button>
    </div>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box">
                    <div class="widget-title"> <span class="icon"><i class="icon-th"></i></span>
                        <h5>劳务列表</h5>
                        <!--许永霖-->
                        <div class="demo1">
                            <ul>
                                <li>
                                    <div  class="input-append date datepicker">
                                        <h5>起始时间</h5>
                                        <input type="text"  class="span7">
                                        <span class="add-on"><i class="icon-th"></i></span>
                                    </div>
                                </li>
                                <li>
                                    <div class="input-append date datepicker ">
                                        <h5>结束时间</h5>
                                        <input type="text"  class="span7">
                                        <span class="add-on"><i class="icon-th"></i></span>
                                    </div>
                                </li>
                                <li><button style="height: 30px ; background-color: #989898;color: white;width: 75px">搜索</button></li>
                            </ul>
                        </div>
                        <!--end-->
                    </div>

                    <div class="widget-content nopadding">
                        <table class="table table-bordered ">
                            <thead id="tb">
                            <tr>
                                <th>#</th>
                                <th>姓名</th>
                                <th>性别</th>
                                <th>年龄</th>
                                <th>电话</th>
                                <th>员工编号</th>
                                <th>劳动合同</th>
                                <th>所属队伍</th>
                                <th>工种类别</th>
                                <th>技工等级</th>
                                <th>岗位类别</th>
                                <th>是否出勤</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <c:forEach items="${page.records}" var="user" varStatus="status">
                                <tr>
                                    <td>${ status.index + 1}</td>
                                    <td>${user.truename}</td>
                                    <td><c:if test="${user.sex == 0}">男</c:if><c:if test="${user.sex == 1}">女</c:if></td>
                                    <td>${user.age}</td>
                                    <td>${user.phone}</td>
                                    <td>${user.truename}</td>
                                    <td>${user.truename}</td>
                                    <td>${user.truename}</td>
                                    <td>${user.truename}</td>
                                    <td>${user.truename}</td>
                                    <td>${user.truename}</td>
                                    <td>${user.truename}</td>
                                    <td><span class="icon-pencil"style="margin-right:10px ;">编辑</span></td>
                                </tr>
                            </c:forEach>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="pagination alternate">
                    <ul style="float: right">
                        <li><a href="#">Prev</a></li>
                        <li class="active"> <a href="#">1</a> </li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">Next</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 模态框（Modal） -->

<div class="modal fade" id="addUser" tabindex="-1" style="width:800px;" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">×
                </button>
                <h4 class="modal-title" id="myModalLabel">
                   新增劳务
                </h4>
            </div>
            <div class="modal-body">
                        <div class="span8">
                            <div class="widget-box sp">
                                <div class="widget-content nopadding">
                                    <form class="form-horizontal">
                                        <div class="control-group">
                                            <label class="control-label">姓名 :</label>
                                            <div class="controls">
                                                <input type="text" class="span4" name="truename" placeholder="请输入姓名">
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">性别：</label>
                                            <div class="controls">
                                                <select >
                                                    <option name="sex" value="1">男</option>
                                                    <option name="sex" value="0">女</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">年龄 :</label>
                                            <div class="controls">
                                                <input type="text" class="span4" name="age" placeholder="选择年龄">
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">联系方式 :</label>
                                            <div class="controls">
                                                <input type="text" class="span4" name="phone" placeholder="请输入联系方式">
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">所属队伍 :</label>
                                            <div class="controls">
                                                <select >
                                                    <option name="sex" value="1">队伍一</option>
                                                    <option name="sex" value="0">队伍二</option>
                                                    <option name="sex" value="0">队伍三</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">工种类别 :</label>
                                            <div class="controls">
                                                <select >
                                                    <option name="sex" value="1">工种一</option>
                                                    <option name="sex" value="0">工种二</option>
                                                    <option name="sex" value="0">工种三</option>
                                                </select>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default"
                        data-dismiss="modal">关闭
                </button>
                <button type="button" class="btn btn-primary">
                    提交更改
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->



<script src="<%=contextPath%>/static/js/jquery.min.js"></script>
<script src="<%=contextPath%>/static/js/jquery.ui.custom.js"></script>
<script src="<%=contextPath%>/static/js/bootstrap.min.js"></script>
<script src="<%=contextPath%>/static/js/select2.min.js"></script>
<script src="<%=contextPath%>/static/js/jquery.dataTables.min.js"></script>
<script src="<%=contextPath%>/static/js/matrix.tables.js"></script>
<!--日历-->
<script src="<%=contextPath%>/static/js/bootstrap-colorpicker.js"></script>
<script src="<%=contextPath%>/static/js/bootstrap-datepicker.js"></script>
<script src="<%=contextPath%>/static/js/jquery.toggle.buttons.html"></script>
<script src="<%=contextPath%>/static/js/masked.js"></script>
<script src="<%=contextPath%>/static/js/jquery.uniform.js"></script>

<script src="<%=contextPath%>/static/js/matrix.form_common.js"></script>
<script src="<%=contextPath%>/static/js/wysihtml5-0.3.0.js"></script>
<script src="<%=contextPath%>/static/js/jquery.peity.min.js"></script>
<script src="<%=contextPath%>/static/js/bootstrap-wysihtml5.js"></script>
<!--日历-->

<!--***********许********-->

<script>

    function d() {
        var datanav = [
            { "name": "张亮", "provinces": "湖北", "education": "大专", "sex": "男", "age": "35", "phone": "13566521458", "usernum": "882100", "contract":"√" , "subcompany": "武汉华泰","worktype":"建筑电工","level":"高级（国家职业资格三级）","zuoyeleibie":"高压运行维护作业","attendance":"√","operation":"编辑" },
            { "name": "王强", "provinces": "四川", "education": "大专", "sex": "男", "age": "40", "phone": "13320322568", "usernum": "882101", "contract":"√" , "subcompany": "福建力强施工队","worktype":"建筑电工","level":"中级（国家职业资格四级）","zuoyeleibie":"高处作业","attendance":"√","operation":"编辑" },
            { "name": "李力", "provinces": "福建", "education": "本科", "sex": "男", "age": "38", "phone": "13725843156", "usernum": "882102", "contract":"√" , "subcompany": "武汉华泰","worktype":"建筑起重信号工","level":"技师（国家职业资格二级）","zuoyeleibie":"起重机械作业","attendance":"√","operation":"编辑" },
            { "name": "郭靖", "provinces": "四川", "education": "大专", "sex": "男", "age": "32", "phone": "13325478964", "usernum": "882103", "contract":"√" , "subcompany": "福建力强施工队","worktype":"建筑起重机械司机","level":"技师（国家职业资格二级）","zuoyeleibie":"建筑起重机械司机","attendance":"√","operation":"编辑" },
            { "name": "王琦", "provinces": "安徽", "education": "中专", "sex": "女", "age": "42", "phone": "13002541574", "usernum": "882104", "contract":"√" , "subcompany": "武汉华泰","worktype":"建筑焊工","level":"技师（国家职业资格二级）","zuoyeleibie":"建筑焊工","attendance":"√","operation":"编辑" },
            { "name": "赵大鹏", "provinces": "湖北", "education": "大专", "sex": "男", "age": "43", "phone": "13369857485", "usernum": "882105", "contract":"√" , "subcompany": "武汉华泰","worktype":"钢筋工","level":"中级（国家职业资格四级）","zuoyeleibie":"钢筋工","attendance":"√","operation":"编辑" },
            { "name": "张志强", "provinces": "江西省", "education": "中专", "sex": "男", "age": "35", "phone": "1300254169", "usernum": "882104", "contract":"√" , "subcompany": "武汉华泰","worktype":"抹灰工","level":"中级（国家职业资格四级）","zuoyeleibie":"抹灰工","attendance":"√","operation":"编辑" },
        ];
        var tb = document.getElementById("tb");
        for (var i = 0; i < datanav.length; i++) {
            var row = tb.insertRow(tb.rows.length);
            var c0 = row.insertCell(0);
            c0.innerHTML = i+1;
            var c1 = row.insertCell(1);
            c1.innerHTML = datanav[i].name;

            var c4 = row.insertCell(2);
            c4.innerHTML = datanav[i].sex;
            var c5 = row.insertCell(3);
            c5.innerHTML = datanav[i].age;
            var c6 = row.insertCell(4);
            c6.innerHTML = datanav[i].phone;
            var c7 = row.insertCell(5);
            c7.innerHTML = datanav[i].usernum;
            var c8 = row.insertCell(6);
            c8.innerHTML = datanav[i].contract;
            var c9 = row.insertCell(7);
            c9.innerHTML = datanav[i].subcompany;
            var c10 = row.insertCell(8);
            c10.innerHTML = datanav[i].worktype;
            var c11 = row.insertCell(9);
            c11.innerHTML = datanav[i].level;
            var c12 = row.insertCell(10);
            c12.innerHTML = datanav[i].zuoyeleibie;
            var c13 = row.insertCell(11);
            c13.innerHTML = datanav[i].attendance;
            var c14 = row.insertCell(12);
            c14.innerHTML = datanav[i].operation;
        }
    }
</script>
<!--*********end**************-->
<script>
    $(function () {
        var $page = $(".pagination");

        var current = 1; // 第几页
        var pages = 1; //总页数
        var size = 10; // 每页总数
        var total = 3;//总数

    });
</script>

<script>
    function addUser(){
        /*新增*/
        $("#addUser").modal('show');
    }
</script>
</body>
</html>

